<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式的继承</title>
<style>
    div{
        width: 1080px;
        height: 500px;
    }
    span{

        vertical-align: top;
    }
</style>
</head>

<body>
<!--
有些样式会继承,元素如果本身设置了某个样式,就用本身的样式,但如果本身没有设置某个样式,会从父元素开始一级一级继承(优先继承离得近的祖先元素)

会继承的css属性:字体属性,文本属性(除了vertical-align),文字颜色等
不会继承的css属性:背景,内边距,外边距,宽高,溢出方式等

有些元素具有一些默认样式,例如:a元素:下划线,字体颜色,鼠标销手   h1-h6:文字加粗,文字大小等等
元素的默认样式>继承的样式,所以如果要重置元素的默认样式,选择器一定要直接选择到该元素
-->
</body>
<div>
    这是普通字体Xasdadhfjadshfda;kfsdlf <span >这是span1元素的字体</span>

    <img src="盒子模型.png" alt="盒子" style="margin: auto">
</div>
</html>